.dialog-warp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  width: 600px;
  height: 400px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 12px 5px rgb(0 0 0 / 10%);
  .dialog-header {
    display: flex;
    align-items: center;
    height: 44px;
    border-bottom: 1px solid #F7FAFF;
    color: #777777;
    .dialog-title {
      margin-left: 20px;
      font-size: 14px;
    }
    .reset-size {
      margin-left: auto;
      cursor: pointer;
      &:before {
        font-weight: 700;
      }
    }
    .cancel {
      margin-left: 20px;
      margin-right: 20px;
      cursor: pointer;
      &:before {
        font-size: 20px;
        font-weight: 700;
      }
    }
  }
  .dialog-main {
    height: calc(100% - 44px);
    overflow: auto;
    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
    &::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      background: rgba(255,255,255,0.8);
    }
    &::-webkit-scrollbar-thumb{
      display:block;
      width:6px;
      margin:0 auto;
      background: #09AAFF;/*内层轨道*/
    }
  }
}